<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>人员数据权限管理</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/dataPermission.css">
</head>

<body>
    <header class="tophead">
        <div class="w header">
            <div class="logo">
                <img src="image/logo.png" alt="logo">
            </div>
            <ul class="header-nav">
                <li>HR中心</li>
                <li class="nav-active">应聘管理</li>
                <li>职位管理</li>
                <li>发布职位</li>
                <li>入职管理</li>
                <li>管理系统</li>
            </ul>
            <div class="inform">
                <img src="image/inform.png" alt="通知">
            </div>
        </div>
    </header>
    <!-- 此处为版心,侧边与主板块共用-->
    <div class="w clearfix">
        <nav class="sidebar">
            <div class="sidebar-title">系统管理</div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title color">企业信息</p>
            </div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title">组织结构</p>
            </div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title">角色权限</p>
            </div>
            <div class="sidebar-pie">
                <p class="sidebar-pie-title">账号管理</p>
            </div>
            
        </nav>
        <div class="plate">
            <div class="state">人员数据权限管理</div>
            <div class="list clearfix">
                <div class="left fl">
                    <div class="title">待选</div>
                    <ul class="lis-box">
                        <li class="lis">校长室</li>
                        <li class="lis">纪委会</li>
                        <li class="lis">校待会</li>
                        <li class="lis">校长室</li>
                        <li class="lis">纪委会</li>
                        <li class="lis">校待会</li>
                        <li class="lis">校长室</li>
                        <li class="lis">纪委会</li>
                        <li class="lis">校待会</li>
                    </ul>
                </div>
                <div class="middle fl">
                    <div class="title">待选</div>
                    <div class="spans">
                        <span class="one"></span>
                        <span class="two"></span>
                        <span class="three"></span>
                        <span class="four"></span>
                    </div>
                </div>
                <div class="left fl">
                    <div class="title">待选</div>
                    <ul class="lis-box">
                        <li class="lis">校长室</li>
                        <li class="lis">纪委会</li>
                        <li class="lis">校待会</li>
                        <li class="lis">校长室</li>
                        <li class="lis">纪委会</li>
                        <li class="lis">校待会</li>
                        <li class="lis">校长室</li>
                        <li class="lis">纪委会</li>
                        <li class="lis">校待会</li>
                    </ul>
                </div>
            </div>
            <div class="ctrl">
                <button class="submit">提交</button>
                <button>返回</button>
            </div>
        </div>
    </div>
</body>
</html>